<div name='T_1927' >
    <div name='T_6a1d'  className="g-user">
        <div name='T_67c0'  className="c-layout clearfix">
            <SliderComponent name='T_50d7'  data={this.props.data.slider}></SliderComponent>
            <div name='T_7e4c'  className="m-content" id="mtable">
                {
                    typeName === "pick" ?
                    ""
                    :
                    <ul name='T_697d'  className="tab clearfix">
                        {
                            data.tabTitle.map(function (item, index) {
                                return (
                                    <li name='T_c126'  key={index} className={_this.state.active === index+1 ? 'active' : ''} onClick={_this.toggleTab.bind(_this, index+1)}>{item}</li>
                                )
                            })
                        }
                    </ul>
                }
                <div name='T_c55b'  className="m-operate-box">
                    <label name='T_46a5'    className="m-checkbox checkbox-all unchecked"></label>
                    <button name='T_ed1a'   className="btn-red" onClick={this.add}>添加</button>
                    <button name='T_1970'   className="btn-red" onClick={this.deleteData}>删除</button>
                </div>
                <div name='T_fa96'  className="m-list-box">
                    {  address.map(function(item, index) {
                            return (
                                <div name='T_c61d'  className="list-share" key={item.id}>
                                    <label name='T_0da1'  data-id={item.id} className="m-checkbox checkbox-self unchecked"></label>
                                    <div name='T_9002'  className="list-share-tit clearfix">
                                        <div name='T_a79d'  className="c-fl">{index+1}</div>
                                        <div name='T_2539'  className="c-fr">
                                            {
                                                item.isDefault ? <a name='T_8711'  href="javascript:;" className="setAddress">默认地址</a> : <a name='T_3220'  href="javascript:;" onClick={_this.setAddress.bind(this,item)} className="setAddress">设为默认</a>
                                            }
                                            <a name='T_3a80'  href="javascript:;" className="editAddress" onClick={_this.edit.bind(this,item)}>编辑</a>
                                        </div>
                                    </div>
                                    <div name='T_2ce6'  className="list-share-con clearfix">
                                        <div name='T_f40f'  className="info c-fl">
                                            <p name='T_6167' >{item.type == 1 ? "发件人":"收件人"}: {item.name}
                                                {
                                                    item.isDefault? <em name='T_7bdb'  className="default-address">默认地址</em> : ''
                                                }
                                            </p>
                                            <p name='T_75d9'  className={cn({'hidden': _this.state.active !== 1})}>地址: {item.countryCode ? (item.countryName+'('+item.countryCode+')') : item.countryName} {item.provinceName} {item.cityName} {item.districtName} {item.streetName} {item.address} {item.transportName}</p>
                                            <p name='T_d314'  className={cn({'hidden': _this.state.active !== 2})}>地址: {item.countryCode ? (item.countryName+'('+item.countryCode+')') : item.countryName} {item.cityName} {item.transportName}{item.transportEnglishName ? ('('+item.transportEnglishName+')'):''} {item.address}</p>
                                            <p name='T_37ee'  className={cn({'hidden': _this.state.active !== 3})}>地址: {item.countryCode ? (item.countryName+'('+item.countryCode+')') : item.countryName} {item.provinceName} {item.cityName} {item.districtName} {item.streetName} {item.address} {item.transportName}{item.transportCode ? ('('+item.transportCode+')'):''}</p>
                                            <p name='T_6dc6' >移动电话: {item.phone}</p>
                                            <p name='T_5404' >固定电话: {item.telPhone}</p>
                                            <p name='T_1ac6' >邮编: {item.postcode}</p>
                                            <p name='T_0c5a' >电子邮件: {item.email}</p>
                                        </div>
                                    </div>
                                </div>
                            );
                       })
                    }
                    <div name='T_6548'  className={cn("noDataFound", {"hidden": data.isHasData})}>
                        暂无数据！
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div name='T_7102'  className="layer-cover">
        <div name='T_dad2'  className="m-layer-middle layer-has-top layer-has-bottom">
            <div name='T_00e1'  className="layer-title">
                {data.promptTile}
            </div>
            <div name='T_bd7b'  className="layer-content">
                <ul name='T_ebcc'  className="layer-ul">
                    <li name='T_4fde'  className="layer-li">
                        <div name='T_3fed'  className="left">
                            <span name='T_b0aa'  className="red">*</span>
                            <span name='T_9935' >姓名：</span>
                        </div>
                        <div name='T_9a09'  className="right">
                            <div name='T_ad0c'  className="inputs">
                                <MyInputComponent autocomplete="off" value={data.name} ref="name" rule="{'reg':'onlyname','maxLength':'30','require':'true'}" errorMsg="{'rule':'请输入中英文、数字、空格和符号“-”、“_” '}" name="name" id="name" rt-model={this.valueLinked("name","name")} />
                            </div>
                        </div>
                    </li>
                    <li name='T_b3c8'  className="layer-li">
                        <div name='T_36d1'  className="left">
                            <span name='T_28aa'  className="red">*</span>
                            <span name='T_2080' >{_this.state.active === 1 ? '地址：' : '国家：'}</span>
                        </div>

                        <div name='T_9e20'  className="right">
                            <div name='T_ebed' >
                                <div name='T_2e06'  className="inputs" onClick={this.showCountryList}>
                                    <MyInputComponent value={data.country} ref="address" placeholder="请选择国家" rule="{'require':'true'}" name="address" id="address"/>
                                </div>
                            </div>
                            <div name='T_ab94'  className={cn('address-box',{'hidden': data.isHideAdressBox || (_this.state.active !== 1) })}>
                                <div name='T_3a6f'  className="address-input">
                                    <MyInputComponent value={data.province} ref="province" placeholder="请选择省" name="province" id="province" rule="{'require':'true'}" />
                                </div>
                                <span name='T_7cc2'  style={{"position":"relative","top":"-5px"}}>省</span>
                                <div name='T_b995'  className="address-input">
                                    <MyInputComponent value={data.city} ref="city" name="city" placeholder="请选择市" rule="{'require':'true'}" id="city" style={{"margin-left":"32px"}}/>
                                </div>
                                <span name='T_642e'  style={{"margin-left":"40px","position":"relative","top":"-5px"}}>市</span>
                                <div name='T_9bdd'  className="address-input">
                                    <MyInputComponent value={data.area} ref="area" name="area" placeholder="请选择区／县" rule="{'require':'true'}" id="area" />
                                </div>
                                <span name='T_1754'  style={{"position":"relative","top":"-5px"}}>区/县</span>
                                <div name='T_7d8c'  className="address-input">
                                    <MyInputComponent value={data.street} name="street" ref="street" placeholder="请选择街道" rule="{'require':'true'}" className="input" id="street" style={{"margin-left":"12px"}}/>
                                </div>
                                <span name='T_ae6e'  style={{"margin-left":"12px","position":"relative","top":"-5px"}}>街道</span>
                            </div>
                            <div name='T_c2aa'  className={cn('address-detail','division',{'hidden': data.isHideDivisionBox || _this.state.active !== 1})}>
                                <div name='T_67cb'  className="inputs">
                                    <MyInputComponent value={data.division} name="division" placeholder="请选择地区" ref="division" rule="{'require':'true'}"  id="division"/>
                                </div>
                            </div>
                            <div name='T_04d4'  className={cn('address-detail',{'hidden': (_this.state.active == 1) || !data.isShowPort})}>
                                <div name='T_db7b'  className="inputs" onClick={this.initAirSeaPort}>
                                    <MyInputComponent rule="{'require':'true'}" placeholder={_this.state.active === 2 ? "请选择港口":"请选择机场"} value={data.airSea} ref="airSea" name="airSea" id="airSea"/>
                                </div>
                            </div>
                            <div name='T_8ab5'  className={cn('address-detail',{'hidden':data.isHideAdressDetailBox || (_this.state.active === 3)})}>
                                <div name='T_e5d9'  className="inputs">
                                    <MyInputComponent value={data.addressDetail} ref="addressDetail" rule="{'reg':'onlyname','require':'true','maxLength':'30'}" errorMsg="{'rule':'请输入中英文、数字、空格和符号“-”、“_” '}" name="addressDetail" placeholder={_this.state.active===1 ? "请输入详细地址" : "详细地址"} id="addressDetail" rt-model={this.valueLinked("addressDetail","addressDetail")} />
                                </div>
                            </div>

                        </div>
                    </li>
                    <li name='T_d8ee'  className="layer-li">
                        <div name='T_bf62'  className="left">
                            <span name='T_3717'  className="red"></span>
                            <span name='T_b44f' >移动电话：</span>
                        </div>
                        <div name='T_0db8'  className="right">
                            <div name='T_2e15'  className="inputs">
                                <MyInputComponent ref="mobilephone" value={data.mobilephone} errorMsg="{'rule':'请输入数字或符号“-”、“_”、“+” '}" rule="{'reg':'phone','maxLength':'30'}"  name="mobilephone" id="mobilephone" placeholder="移动电话、固定电话必须填一项" rt-model={this.valueLinked("mobilephone","mobilephone")} onBlur={_this.validateMob.bind(_this)} />
                            </div>
                        </div>
                    </li>
                    <li name='T_36b5'  className="layer-li">
                        <div name='T_9f93'  className="left">
                            <span name='T_19ee'  className="red"></span>
                            <span name='T_b8d1' >固定电话：</span>
                        </div>
                        <div name='T_34b8'  className="right">
                            <div name='T_7ebd'  className="inputs">
                                <MyInputComponent ref="telephone" value={data.telephone} errorMsg="{'rule':'请输入数字或符号“-”、“_”、“+” '}" rule="{'reg':'phone','maxLength':'30'}"  name="telephone" id="telephone" rt-model={this.valueLinked("telephone","telephone")} onBlur={_this.validateTel.bind(_this)}/>
                            </div>
                        </div>
                    </li>
                    <li name='T_0356'  className="layer-li">
                        <div name='T_bc9d'  className="left">
                            <span name='T_21a9'  className="red">*</span>
                            <span name='T_2057' >邮编：</span>
                        </div>
                        <div name='T_43b7'  className="right">
                            <div name='T_f092'  className="inputs">
                                <MyInputComponent rule="{'reg':' /^[0-9a-zA-Z]*$/g','require':'true','maxLength':'15','isUperCase':'true'}" value={data.postcode}  errorMsg="{'rule':'请输入数字或字母'}" name="postcode" ref="postcode" id="postcode" rt-model={this.valueLinked("postcode","postcode")} />
                            </div>
                        </div>
                    </li>
                    <li name='T_c7ae'  className="layer-li">
                        <div name='T_9d76'  className="left">
                            <span name='T_e6d3' >电子邮件：</span>
                        </div>
                        <div name='T_8446'  className="right">
                            <div name='T_64e9'  className="inputs">
                                <MyInputComponent name="email" rule="{'reg':'email', maxLength:'30'}" errorMsg="{'rule':'请输入有效的邮箱地址'}" value={data.email} ref="email" id="email" rt-model={this.valueLinked("email","email")}/>

                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div name='T_bcd1'  className="layer-bottom">
                <button name='T_5371'  onClick={this.cancel} className="btn-normal">取消</button>
                <button name='T_2fec'  onClick={this.save} className="btn-red">保存</button>
            </div>
        </div>
    </div>
</div>
